<template>
  <div class="swipe">
    <mt-swipe :auto="autotime" :speed="200" :continuous="iscontinue">
      <mt-swipe-item class="swipeitem" v-for="item in searchresult"><img v-lazy="item.imgUrl" @error="loaderrimg" @load="loadimg" @click="test()"/></mt-swipe-item>
    </mt-swipe>
  </div>
</template>

<script>

export default {
  name: 'swipe',
  props : ['searchresult','autotime','iscontinue','loadimg'],
  data () {
    return {
    }
  },
  methods : {
    test(){
        this.$router.push({ name: 'hammerimg'});
    }
  },
  mounted(){
      
  }
}

</script>

<style lang="scss" scoped>
  .swipe{
    height:9.7rem;
  }
  .swipeitem{
    img{
      width:100%;
    }
  }
</style>
